<ion-content class="bgWebp" padding>
  <!-- <video  loop="loop" autoplay="autoplay"
  src="assets/mp4/bgVideo.mp4" class="video-tvc"></video> -->
  <ion-header>
    <ion-toolbar>
      <ion-buttons slot="start">
        <ion-button (click)="backClick()">
          <ion-icon class="md-arrow-back" ios="md-arrow-back"></ion-icon>
        </ion-button>
      </ion-buttons>
      <ion-buttons slot="end" (click)="registPage()">
        <div style="padding: 2px 8px; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 14px;">注册</div>
    </ion-buttons>
    </ion-toolbar>
  </ion-header>
  <div class="auth-content">
    <!-- Logo -->
    <div padding-horizontal text-center class="animated fadeInDown">
      <div class="logo">
        <img src="assets/img/login_icon.png" style="width:80px;" />
      </div>
    </div>
    <!-- Login form -->
    <form [formGroup]="onLoginForm" class="list-form">
      <ion-item no-padding class="animated fadeInUp" lines="none">
        <ion-icon class="iconfont  ion-ios-yonghu1" style="font-size: 24px" slot="start"></ion-icon>
        <ion-input type="text" placeholder="用户名" formControlName="username"></ion-input>
      </ion-item>
      <ion-item no-padding class="animated fadeInUp" lines="none">
        <ion-icon class="iconfont  ion-ios-qunfengxiugaimima" style="font-size: 24px" slot="start"></ion-icon>
        <ion-input type="password" placeholder="密码" formControlName="password"></ion-input>
      </ion-item>
    </form>
    <div>
      <ion-button size="medium" style="margin-bottom: 10px;" shape="round" expand="block" color="primary01"
        (click)="onLogin()" [disabled]="!onLoginForm.valid" tappable>
        登录
      </ion-button>
      <ion-button size="medium" shape="round" expand="block" color="primary01" (click)="onPlay()" tappable>
        试玩
      </ion-button>
    </div>
    <div class="f-div">
      <p class="paz ion-float-left remember">
        <ion-label>记住账号</ion-label>
        <ion-checkbox color="light" [(ngModel)]="isRemember"></ion-checkbox>
      </p>
      <p tappable (click)="forgotPass()" class="paz ion-float-right">
        <ion-text>忘记密码</ion-text>
      </p>
    </div>
  </div>
</ion-content>